.main {
    padding-top: .88rem;
}

.main .balance {
    background-image: url("/static/index/images/bg/bg_czhiyebj@2x.png");
    background-size: 100% 100%;
    padding: .5rem .47rem;
    margin: .3rem .2rem;
}

.main .balance .title {
    font-weight: 400;
    font-size: .24rem;
    color: var(--ff);
    margin-bottom: .25rem;
}

.main .balance .amount {
    font-weight: 500;
    font-size: .48rem;
    color: var(--ff);
}

.main .balance .front:before {
    content: '￥';
    font-size: .34rem;
}

.main .pay_way .title {
    font-weight: 500;
    font-size: .30rem;
    color: var(--dcl);
}

.main .pay_way .vessel {
    gap: .2rem;
    margin-top: .25rem;
}

.main .pay_way .vessel .item {
    background: #F6F8FA;
    padding: .36rem;
    width: 33%;
    position: relative;
    box-sizing: border-box;
}

.main .pay_way .vessel .item .icon {
    width: .4rem;
    height: .4rem;
    margin-bottom: .18rem;
}

.main .pay_way .vessel .item > span {
    font-weight: 500;
    font-size: var(--default-font-size-28);
    color: var(--dcl);
}

.main .pay_way .vessel .lay-this {
    background: var(--bdc);
    border-radius: .20rem;
    border: 1px solid var(--bd);
}

.main .pay_way .vessel .lay-this:after {
    content: '';
    background-image: url("/static/index/images/dui.png");
    background-size: 100% 100%;
    width: .4rem;
    height: .4rem;
    display: inline-block;
    position: absolute;
    right: -.1rem;
    top: -.1rem;
}

.main .pay_way .show {
    background: var(--bdc);
}

.main .pay_way .show .bank {
    padding: .4rem .3rem;
    display: none;
}

.main .pay_way .show .bank .card-no {
    font-weight: 500;
    font-size: .40rem;
    color: var(--dcl);
    margin-bottom: .37rem;
}

.main .pay_way .show .bank .val {
    font-weight: 400;
    font-size: var(--default-font-size-26);
    color: var(--dcl);
}

.main .pay_way .show .bank .val .bank-name:after {
    content: '|';
    color: var(--cc);
    margin: 0 .2rem;
}

.main .pay_way .show .bank .copy {
    color: var(--bd);
    text-align: right;
}

.main .pay_way .show .qrcode {
    padding: .3rem;
}

.main .pay_way .show .qrcode > img {
    width: 2rem;
    height: auto;
}

.main .pay_way .show .qrcode > span {
    font-weight: 400;
    font-size: var(--default-font-size-26);
    color: var(--dcl);
}

.main .pay_way .col {
    border-bottom: 1px solid var(--f6);
}

.main .pay_way .col .top {
    font-weight: 500;
    font-size: .3rem;
    color: var(--dcl);
    margin-bottom: .3rem;
}

.main .pay_way .col .top .icon {
    width: .44rem;
    height: .44rem;
    margin-right: .1rem;
}

.main .pay_way .col .bottom > input {
    font-size: var(--default-font-size-28);
}

.main .pay_way .col .text {
    font-weight: 400;
    font-size: var(--default-font-size-28);
    color: var(--c9);
}

.main .pay_way .col:last-child {
    border-bottom: none;
}